html{font-family:"Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:62.5%}
body{margin:0;font-size:1.4rem;line-height:1.5;color:#333;background-color:#fff;height:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
svg:not(:root){overflow:hidden}
a{background:0 0;text-decoration:none;-webkit-tap-highlight-color:transparent;color:#08c}
a:active{outline:0}
a:active{color:#069}
em{font-style: normal;}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0;vertical-align:middle}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto;white-space:pre;white-space:pre-wrap;word-wrap:break-word}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto;resize:vertical}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
button,html,input,select,textarea{font-family:"Helvetica Neue",Helvetica,STHeiTi,Arial,sans-serif}
blockquote,figure,form,h1,h2,h3,h4,h5,h6,p{margin:0}
dd,dl,li,ol,ul{margin:0;padding:0}
ol,ul{list-style:none outside none}
h1,h2,h3{line-height:2;font-weight:400}
h1{font-size:1.8rem}
h2{font-size:1.6rem}
h3{font-size:1.4rem}
input::-moz-placeholder,textarea::-moz-placeholder{color:#ccc}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a:active{opacity: .5;}



.flexBetween{display: flex;justify-content: space-between;}


html,body{height: 100%;justify-content: space-between;overflow-x: hidden;}
header{width: 100%;height: 5.4rem;position: absolute;top: 0;left: 0;z-index: 9;border-bottom: .5px solid rgba(255,255,255,.2);transition: .5s;}
.header{position: fixed;background: #e62f17;transition: .5s;border-radius:5px;width: 94%;left: 3%;top: 15px;border: none;}
header img.logo{width: 8rem;height: 2.2rem; margin:1.7rem 0 0 15px;}
header img.navicon{width: 5.2rem;height: 5.2rem;padding: 12px;margin-right: 5px;}



/*filter: blur(2px);*/
.bodynav{width: 100%;height: 100%; position: relative;transition: .5s;z-index: 9;}
.navlist{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 999;background: rgba(0,0,0,.3);display: none;transition: .5s;}
.navli{position: absolute; top: 0;left: 100%;bottom: 0; z-index: 1000; width: 50%;height: 100%;background:url(../img/navbg.jpg) no-repeat;background-size: 100% 100%; box-shadow: 0 0 5px #000;transition: .5s;padding: 10px;}
.navli>a{display: block;color: #fff;padding: 20px 0;text-align: center;}
.navli>a.active{color: #e62f17;font-weight: 700;}
.down{position: absolute;left: 0; bottom: 0;width: 100%;padding: 25px;}
.down a{display: block;height: 36px;text-align: center;line-height: 36px;color: #fff;background: #111;margin-top: 10px;border-radius: 5px;-webkit-box-shadow:1px 2px 0px #444; box-shadow:1px 2px 0px #444;}
.down p{color: #666;font-size: 12px;text-align: center;line-height: 46px;}

.bodyleft{margin-left: -50%;transition: .5s;}


.banner{width: 100%;position: relative;}

/*为什么加盟我们*/
.whyus{padding: 15px;}
.whyus>h2{text-align: center;margin-top: 20px;font-weight: 700;font-size: 18px;}
.whyus>p{text-align: center;font-size: 12px;color: #999;opacity: 0;}
.whyusbox{display: flex;justify-content: space-between;margin-top: 70px;}
.whyusboximg{width:40%;max-width: 120px; height: 120px;overflow: hidden;}
.whyusboxtxt{padding: 0 15px;width: 60%;}
.whyusboxtxt h4{font-weight: 500;color: #e62f17;font-size: 16px;margin-top: 15px;}
.whyusboxtxt p{color: #999; font-size: 14px;}

/*对比*/
.pk{width: 100%;height: 620px;margin-top: 40px; background: url(../img/team.jpg) no-repeat;background-position:center center;padding: 40px 3% 20px 3%;}
.pkhead{display: flex;justify-content: space-around;}
.pkhead>div{width: 70px;height: 70px;border-radius:100%;text-align: center;line-height: 60px;}
.pkhead>div:nth-child(1){background: #394f6b;transform: rotate(90deg);}
.pkhead>div:nth-child(2){font-size: 26px;color: #fff; font-weight: 700;}
.pkhead>div:nth-child(3){background: #e62f17;}

.pkbody{background: rgba(255,255,255,.8);margin-top: 30px; border-radius: 5px;}
.pkbody>div{display: flex;justify-content: space-around;}
.pkbody>div div{padding: 15px 20px;line-height: 18px;font-size: 12px; color: #000;border-left:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);text-align: center;}
.pkbody>div div:nth-child(2){width: 10%;padding: 15px 3px;padding-top: 24px;}
.pkbody>div div em{color: #e62f17;font-style: normal;}
.pkbody>div:nth-child(1){background: rgba(255,255,255,.1);}

.pkbody>div div:nth-child(1){width: 45%;}
.pkbody>div div:nth-child(2){width: 10%;}
.pkbody>div div:nth-child(3){width: 45%;}



/*门店*/
.shopimg{padding: 15px;}
.shopimg>h2{text-align: center;margin-top: 20px;font-weight: 700;font-size: 16px;}
.shopimg>p{text-align: center;font-size: 12px;color: #999;opacity: 0;}
.shopbox{width: 100%;height: 260px;}



/*加入*/
.jion{height: 180px;width: 100%;background: url(../img/5-120601093049.png);margin-top: 30px;text-align: center;display: flex;flex-direction: column;padding-top: 20px;}
.jion div{display: flex;justify-content: space-around;margin-top: 20px;}
.jion a{display: block;width: 40%;height: 40px;line-height: 40px; color: #fff;border-radius: 5px;border:1px solid #fff;}
.jion div:nth-child(1) a:nth-child(1){background:rgba(230,47,23,9); color: #fff;border: none;}
.copyright{width: 100%;padding: 30px 0 20px 0; text-align: center;font-size: 12px;line-height: 16px; color: #999;}








/*=====================产品介绍====================*/
.project{width: 100%;height: 100%;background: #000;}
.text{color: #fff;padding: 80px 15px 0 15px;}



/*=====================免费入驻====================*/
.tryhtml{width: 100%;height: 100%;}
.tryoutfrom{width: 100%;height: 100%;background:#fff;display: flex;flex-direction: column;}
.tryoutfromhead{width: 100%;height: 54px;background: #E62F17;}
.tryfrombox{position: relative;top: 0;bottom: 0;left: 0;right: 0; margin: 10px auto;padding:0;flex: 1;overflow-y: auto;}
.tryfromboxpad{padding:0 5%;}
.tryfrombox input{width: 100%;height: 50px;margin-top: 10px;border-radius: 5px; box-shadow: none;text-indent: 14px;border: 1px solid #999;}
.tryfrombox button{width: 100%;height: 50px;margin-top: 10px;border-radius: 5px; border:#666666; text-align: center;background: #e62f17;color: #fff;}
.tipsred{width: 100%;padding: 10px;background: #999;color: #fff;border-radius: 5px;}
.tryfromglup{display: flex;justify-content:space-between;}
.tryfromglup span{width: 100%;height: 50px;line-height: 50px; margin-top: 10px;border-radius: 5px;background: #fff;border: 1px solid #999; color: #333;display: flex;justify-content: space-between;padding: 0 15px}



.tryout{width: 100%; height: 100%; background:url(../img/navbg.jpg);background-size:100% 100%;}
.tryout>div>div{background: #fff; width: 95%;max-width: 300px; height: 83%;margin-top: 20%;border-radius: 5px;overflow: hidden;}

.tryoutbox{display: flex;flex-direction: column;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}

.tryouthead{background: #fff;color: #fff;text-align: center;height: 45px;line-height: 45px;font-weight: 700;}

.tryoutbody{flex-grow:1;overflow: auto;}
.tryoutbody>div{height: 46px;line-height: 46px; border-bottom: 1px solid #f0f0f0;padding: 0 15px;display: flex;justify-content: space-between;}

.tryoutbody>div em:nth-child(2){font-size: 12px;}


.tryoutfoot{height: 60px;min-height: 60px; padding:10px; }
.tryoutfoot button{background: #E62F17;width: 100%;height: 100%; color: #fff;border: none;border-radius: 5px;display: block;}


.tryout-wrapper>div:nth-child(1) div.tryouthead{background: #E62F17;}
.tryout-wrapper>div:nth-child(2) div.tryouthead{background: #007AFF;}
.tryout-wrapper>div:nth-child(3) div.tryouthead{background: #00d9a8;}
.tryout-wrapper>div:nth-child(4) div.tryouthead{background: #f500b3;}

.tryout-wrapper>div:nth-child(1) div.tryoutfoot button{background: #E62F17;}
.tryout-wrapper>div:nth-child(2) div.tryoutfoot button{background: #007AFF;}
.tryout-wrapper>div:nth-child(3) div.tryoutfoot button{background: #00d9a8;}
.tryout-wrapper>div:nth-child(4) div.tryoutfoot button{background: #f500b3;}




/*代理加盟*/
.agent{padding: 15px 10%}
.agentli{text-align: center;padding: 15px 0;margin-top: 12px;border-radius: 50px; border:1px solid #dedede;background: #f9f9f9;}
.agentli em{padding-left: 5px;font-size: 14px;}


.agentbox{padding: 40px;background: #ff6244;margin-top: 20px;padding-bottom: 80px;}
.agentbox p{text-align: center;padding-bottom: 40px; color: #fff;font-size: 16px}
.agentfrom{width: 90%;height: auto;background: #fff;margin: -50px auto;border-radius: 5px;padding: 20px 10%;}
.agentfrom input{width: 100%;height: 50px;margin-top: 10px;border-radius: 5px;box-shadow: none;text-indent: 14px;border: 1px solid #999;}
.agentfrom button{width: 100%;height: 50px;margin-top: 10px;border-radius: 5px;border:#666666; text-align: center;background: #e62f17;color: #fff;}



/*关于我们*/
.abouttxt{padding:15px;}
.abouttxt h3{border-left: 3px solid #E62F17;height: 14px;line-height: 14px;padding-left: 5px;margin: 30px 0;font-weight: 700;}
.abouttxt p{color: #666;}




@media screen and (min-width:640px) {
	html{background: #dedede;}
	body {
		max-width: 640px!important;
		margin: 0 auto!important
	}
	.header{
		max-width: 600px!important;
		left: 50%;
		margin-left: -300px;
	}
}
